 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <#assign base=request.contextPath  />
     <meta name="renderer" content="webkit">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <title></title>
     <link rel="stylesheet" href="../frame/layui/css/layui.css">
     <link rel="stylesheet" href="../frame/static/css/style.css">
     <link rel="icon" href="../frame/static/image/code.png">
     <script type="text/javascript" src="../frame/layui/layui.all.js"></script>
     <style>
         html { overflow-x: hidden; overflow-y: auto; }
     </style>
 </head>
 <body class="body">
 <div class="ziyemianbiju">
 	<div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
         <div class="my-btn-box">
             <span style="height: 50px;">
                  <#--<label class="layui-form-label">充电时间</label>-->
                 	<#--<div class="layui-input-inline">-->
 				      <#--<input class="layui-input test-item" id="test1"  placeholder="开始时间" type="text" style="height: 31px;">-->
 				    <#--</div>-->
 				    <#--<div class="layui-input-inline">-->
 				      <#--<input class="layui-input test-item" id="test2" placeholder="结束时间" type="text" style="height: 31px;">-->
 				    <#--</div>-->
                 <#--<button class="layui-btn  layui-btn-sm layui-btn-normal">查询</button>-->
             </span>
 			<table class="layui-hide" id="test" lay-filter="test"></table>
 		</div>
 	</div>
 <script type="text/javascript">
 layui.use(['laydate','form','table'], function(){
 	var laydate = layui.laydate;
  	var form = layui.form
  	var table = layui.table;
   table.render({
    even: true,//开启隔行背景
 	size: 'sm',//小尺寸的表格
 	elem: '#test',
    toolbar: '#toolbarDemo',
 	url: '${base}/car/billlist',
 	title: '用户数据表',
 	cols: [[
       {field:'carBrand', title: '车辆品牌',align:'center'}
       ,{field:'ptName', title: '车辆所属公司',align: 'center'}
        ,{field:'carName', title: '车牌名',align: 'center'}
       ,{field:'difference', title: '充电时长', align: 'center'}
       ,{field:'elecMoeny', title: '电费',align: 'center'}
       ,{field:'serviceMoeny', title: '服务费',align: 'center'}
       ,{field:'totalMoeny', title: '总金额',align: 'center'}
       ,{field:'orderNum', title: '订单号',align:'center'}
     ]]
     ,id: 'testReload'
       ,height:480
       ,page: {
           layout: ['limit', 'count', 'prev', 'page', 'next', 'skip']
           ,theme: '#9AC747'
           ,limit: 10
       }
   });
     laydate.render({
     elem: '#test1'
     ,theme: '#393D49'
   });
   laydate.render({
     elem: '#test2'
     ,theme: '#393D49'
   });
 });
 </script>
 </body>
 </html>